<template>
    <!-- 日常维护-检修报修 -->
    <div class="repairRequest">
        <!-- 实时工单完成情况 -->
        <workOrder></workOrder>
        <!-- 各生产系统工单统计 -->
        <systemWorkOrder></systemWorkOrder>
        <!-- 实时工单完成情况 -->
        <workOrderBarChart></workOrderBarChart>
         <!-- 列表 -->
         <workOrderTable></workOrderTable>
         <!-- 工单信息 -->
         <workOrderTable></workOrderTable>
    </div>
</template>

<script setup lang="ts">
import workOrder from "./components/workOrder.vue";
import systemWorkOrder from "./components/systemWorkOrder.vue";
import workOrderBarChart from "./components/workOrderBarChart.vue";
import workOrderTable from "./components/workOrderTable.vue";
import workOrderDetail from "./components/workOrderDetail.vue";

</script>

<style lang="scss" scoped>
.repairRequest {
    z-index: 998;
    // width: 100%;
    height: 100vh;
    position: relative;
    background: #08334e;
}
</style>